﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<title>ajax校验</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/verify.js"></script>
</head>
<body>
	<h1>AjaxServlet校验</h1>
	<hr>
	<!--基于标准的一些好习惯，首先标签名要小写，其次标签必须关闭，第三属性名必须是小写的，第四属性值必须位于双引号中-->
	<!--ajax方式下不需要使用表单来进行数据提交，因此不用写表单标签-->
	<!--ajax方式不需要name属性，需要一个id的属性-->
	用户名：
	<input type="text" id="userName">
	<input type="button" value="提交" onclick="verify()">
	<!--这个div用于存放服务器端返回的信息，开始为空-->
	<!--id属性定义是为了利用dom的方式找到某一个节点，进行操作-->
	<div id="result"></div>

	<!--<div id="result">123</div><div>456</div>-->
	<!--<span>123</span><span>456</span>-->
	<!--div和span的直观差异，div中的内容独占行，span中的内容和前后其他内容相处良好-->
</body>
</html>